<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="path"  value="${pageContext.request.contextPath}"/>



<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/orderinfo.css" />
		<link rel="stylesheet" href="css/orderlist.css" />
	</head>
	<body>
		<div class="header">
			<div class="nav">
				<ul>
					<li>
						<a href="${path }/toindex">首页</a>
					</li>
					<li>
						<a href="${path }/productlist">手机数码</a>
					</li>
					<li>
						<a href="##">电脑办公</a>
					</li>
					<li>
						<a href="##">衣服用品</a>
					</li>
					<li>
						<a href="##">
							<img src="img/title.png" />
						</a>
					</li>
					<li>
						<a href="${path }/tocart">
						<i class="iconcart"></i>
						<span >购物车</span>
						</a>
					</li>
					<li>
						<a href="${path }/tologin">
							<i class="icon-login"></i>
							<span >退出登录</span>
						</a>
					</li>
				</ul>
			</div>
		</div>
		
		<div class="content">
			<div class="order">
				<span class="myorder">我的订单</span>
				<div class="orderlist">
					<ul>
						<li class="isclick">
							<a>全部</a>
						</li>
						<li>
							<a>待付款</a>
						</li>
						<li>
							<a>待发货</a>
						</li>
						<li>
							<a>待收货</a>
						</li>
						<li>
							<a>待评价</a>
						</li>
					</ul>
				</div>
			<c:forEach items="${order.orderlist}" var="p">
				<div class="shouhuo">
					<div class="tab">
						<table class="bought">
							<tbody class="boughthead">
								<tr class="odernumber">
									<td>
										<label>
											<img src="img/title.png" />
											<a href="##">三星网上商城</a>
										</label>
									</td>
								</tr>
							</tbody>
							<tbody>
								<tr>
									<td>
										<div class="suborder">
											<div class="buyphone">
												<a>
													<img src="img/phone.jpg" />
												</a>
											</div>
											<div class="some">
												<p>
													<a href="##" style="color: #337AB7;">Galaxy A6s</a>
												</p>
												<p style="font-size: 12px;margin-top: 11px;">${p.order_name}</p>
											</div>
											<div class="price">
												<p class="before">订单号： ${p.order_id }</p>
												<p>商品价格： ${p.order_price}</p>
												<p>数量：  ${p.order_count} </p>
												<p>总计：  ${p.order_money} </p>
												<p>退款/退换货</p>
												<a href="##" class="info">订单详情</a>
											</div>
										</div>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>	
			</c:forEach>	
				<div style="text-align: center;margin: 10px 0 10px 0;">
				<!-- <ul class="pagination">
					<li class="disabled">
						<a href="#" aria-label="Previous"> -->
						<td colspan="4">共有${order.ordertotalCount}条订单，一共${order.ordertotalPageNum}页
							
						<!-- </a> -->
				<!-- 	</li> -->
					<!-- <li class="thisactive"> -->
					<li>
						<a href="toorderlist?orderpageNum=1">首页</a>
						</li>
				<!-- 	</li> -->
					<li>
					<a href="toorderlist?orderpageNum=${order.orderprePageNum }">上一页</a>
					</li>
					<li>
						<a href="toorderlist?orderpageNum=${order.ordernextPageNum }">下一页</a>
					</li>
					<li>
						<a href="toorderlist?orderpageNum=${order.ordertotalPageNum }">末页</a>
					</li>
					</ul>
					</div>
							
	
						</table>
					</div>
				</div>
			</div>
		</div>
		
		
		<div class="totop" id="goto">
		<i class="icontop"></i>
	</div>
		
		<div class="footer" style="margin-top: 0px;">
			<div class="footertop">
				<ul>
					<li>
						<a href="##" style="font-weight: bold;">我的三星</a>
					</li>
					<li>
						<a href="${path }/toorderlist">我的订单</a>
					</li>
					<li>
						<a href="##">我的评分</a>
					</li>
					<li>
						<a href="##">优惠券</a>
					</li>
					<li>
						<a href="##">个人资料</a>
					</li>
					<li>
						<a href="##">收货地点</a>
					</li>
					<li>
						<a href="##">售后网点查询</a>
					</li>
				</ul>
				<ul>
					<li>
						<a href="##" style="font-weight: bold;">网上购物商城</a>
					</li>
					<li>
						<a href="##">购物指南</a>
					</li>
					<li>
						<a href="##">支付方式</a>
					</li>
					<li>
						<a href="##">订单及发票</a>
					</li>
					<li>
						<a href="##">关于配送</a>
					</li>
					<li>
						<a href="##">售后服务</a>
					</li>
					<li>
						<a href="##">会员及优惠</a>
					</li>
				</ul>
				<ul>
					<li>
						<a href="##" style="font-weight: bold;">服务支持</a>
					</li>
					<li>
						<a href="##">常见问题</a>
					</li>
					<li>
						<a href="##">关于商城</a>
					</li>
					<li>
						<a href="##">关于三星</a>
					</li>
					<li>
						<a href="##">联系我们</a>
					</li>
					<li>
						<a href="##">使用条款</a>
					</li>
					<li>
						<a href="##">加为书签</a>
					</li>
				</ul> 
				<div class="way">
				<div class="sharing">官方分享</div>
			    <div class="sharingbtn">
				    <a href="##" class="weibo"></a>
				    <a href="##" class="wechat"></a>
			</div>
			</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		var goto = document.getElementById("goto");
    	goto.onclick = function(){
    		var intervalId = setInterval(function(){
    			if(document.documentElement.scrollTop<=0){
    				clearInterval(intervalId);
    			}else{
    			document.documentElement.scrollTop = document.documentElement.scrollTop - 30;
    		    }
    		},1)
    	}
	</script>
</html>





